$white: #fff;
$gray-100: #f7f7f9;
$gray-200: #e8ecf2;
$gray-300: #e1e3e6;
$gray-400: #9ca3ac;
$gray-500: #666;
$gray-600: #6c757d;
$gray-700: #a7a7a7;
$gray-900: #212529;
$black: #3a3a3d;

$blue: #1779ff;
$light-blue: #dfe9f9;
$green: #2abe90;
$light-green: #d7f2ff;
$orange: #efa400;
$light-orange: #fdf4e9;
$red: #f30213;
$light-red: #fceaea;
$purple: #646fb0;

$gray-text-color: $gray-500;
$border-color: $gray-300;
$gray-bg-color: $gray-100;
$tip-color: #c4c6cc;
$input-disabled-color: #cad1d8;
$input-border-color: #dcdfe6;
$input-placeholder-color: #c3c7d0;
$input-color: #606266;
$button-disabled-bg: #e4e7ed;
$table-border-color: rgb(228, 231, 237);
$select-tag-color: #909399;
$select-tag-bgcolor: #f0f2f5;

$body-bg: $gray-bg-color;
$body-color: $black;

$box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); // 跟element-plus中的box-shadow阴影相同

$font-size-base: 14px;
$font-size-sm: $font-size-base - 2px;
$font-size-middle: 16px;
$font-size-large: 18px;
$font-size-title: 20px;

$font-weight-light: 400;
$font-weight-normal: 500;
$font-weight-bold: 600;

$line-height-sm: 1;
$line-height-text: 1.5;
$line-height-normal: normal;

$h1-font-size: $font-size-base * 2.5;
$h2-font-size: $font-size-base * 2;
$h3-font-size: $font-size-base * 1.75;
$h4-font-size: $font-size-base * 1.5;
$h5-font-size: $font-size-base * 1.25;
$h6-font-size: $font-size-base;

$border-radius-circle: 50%;
$border-radius-base: 4px;

$spacer: 16px;

// 布局
$navbarHeight: 60px;
$tagsHeight: 40px;

// 侧边栏
$sidebarWidth: 200px;
$sidebarDuration: 0.3s;
$sidebarHideWidth: 64px;

%flexHorizontal {
  display: flex;
  align-items: center;
}

:root {
  --el-menu-item-height: 36px;
  --el-menu-active-color: #1779ff;
  --el-menu-hover-bg-color: #e1e3e6;
}
